<template>
  <div class="app-container">
    资产入库
    <!-- <AshTable
      :columns="columns"
      :tableData="tableData"
      :total="total"
      :filters="filters"
      :pageSize="pageSize"
      :currentPage="currentPage"
      @pageChange="handlePageChange"
      @update:page="updatePage"
      @update:limit="updateLimit"
      @handleSelectionChange="handleSelectionChange"
    >
      <template #buttons>
        <el-row>
          <el-col :span="6">
            <el-button type="primary" @click="handleAdd">增加</el-button>
          </el-col>
          <el-col :span="6"> </el-col>
          <el-col :span="6">
            <el-input style="width: 200px"></el-input>
          </el-col>
          <el-col :span="6">
            <el-button type="danger" @click="handleDelete">删除</el-button>
          </el-col>

          <el-col :span="6">
            <el-button type="warning" @click="handleEdit">修改</el-button>
          </el-col>
          <el-col :span="6">
            <el-button type="warning" @click="openDrawerSearch"
              >高级搜索</el-button
            >
          </el-col>
        </el-row>
      </template>
      <template #operate-btn>
        <el-button type="danger" @click="handleDelete">删除</el-button>
        <el-button type="warning" @click="handleEdit">修改</el-button>
      </template>
    </AshTable>
    <AshAdvancedSearch
      ref="ashAdvancedSearchRef"
      v-model:drawerSearchVisible="drawerSearchVisible"
      :formConfig="drawerFormConfig"
      @drawerSearch="queryList"
    ></AshAdvancedSearch> -->
  </div>
</template>

// <script setup>
// import { AddAssetsWareHouse } from '@/api/assetsManage/asssetsWareHouse'
// import AshAdvancedSearch from '@/components/AshAdvancedSearch'
// import AshTable from '@/components/AshTable'
// import AshTopForm from '@/components/AshTopForm'

// const columns = [
//   {
//     prop: 'index',
//     label: '序号',
//     type: 'text',
//     width: '70',
//     color: '',
//     isClick: false,
//   },
//   { prop: 'name', label: '姓名', type: 'text', color: '#000', isClick: false },
//   { prop: 'age', label: '年龄', type: 'input', color: '#000', isClick: false },
//   {
//     prop: 'address',
//     label: '地址',
//     type: 'text',
//     color: '#1065ff',
//     isClick: true,
//   },
//   { prop: 'status', label: '状态', type: 'tag', color: '#000', isClick: false },
//   {
//     prop: 'online',
//     label: '在线状态',
//     type: 'tag',
//     color: '#000',
//     isClick: false,
//   },
//   { prop: 'name', label: '姓名', type: 'text', color: '#000', isClick: false },
//   { prop: 'age', label: '年龄', type: 'input', color: '#000', isClick: false },
//   {
//     prop: 'address',
//     label: '地址',
//     type: 'text',
//     color: '#1065ff',
//     isClick: true,
//   },
//   { prop: 'status', label: '状态', type: 'tag', color: '#000', isClick: false },
//   {
//     prop: 'online',
//     label: '在线状态',
//     type: 'tag',
//     color: '#000',
//     isClick: false,
//   },
// ]
// const statusList = [
//   { id: 0, status: '全部' },
//   { id: 1, status: '正常' },
//   { id: 2, status: '异常' },
// ]
// const onlineList = [
//   { id: 0, status: '离线' },
//   { id: 1, status: '在线' },
// ]
// const filters = {
//   online: onlineList,
//   status: statusList,
// }
// const tableData = ref([
//   {
//     index: 0,
//     name: '张三',
//     age: 18,
//     address: '北京市',
//     status: 0,
//     online: 1,
//   },
//   {
//     index: 1,
//     name: '李四',
//     age: 25,
//     address: '上海市',
//     status: 1,
//     online: 0,
//   },
//   {
//     index: 2,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 3,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 4,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 5,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 6,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 7,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 8,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 9,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 10,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 11,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 12,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 13,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 14,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 15,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 16,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 17,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 18,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 19,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 20,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 21,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
//   {
//     index: 22,
//     name: '王五',
//     age: 30,
//     address: '广州市',
//     status: 2,
//     online: 0,
//   },
// ])

// const sessionData = ref([])
// const handleSelectionChange = (val) => {
//   sessionData.value = val
// }
// const drawerSearchVisible = ref(false)
// const drawerFormConfig = reactive({
//   formInfo: {
//     name: '',
//     description: '',
//     dept: '',
//   },
//   fields: [
//     {
//       label: '名称',
//       prop: 'name',
//       component: 'el-input',
//       componentProps: {
//         placeholder: '请输入名称',
//       },
//       default: '',
//     },
//     {
//       label: '描述',
//       prop: 'description',
//       component: 'el-input',
//       componentProps: {
//         type: 'textarea',
//         placeholder: '请输入描述',
//       },
//       default: '',
//     },
//     {
//       label: '部门',
//       prop: 'dept',
//       component: 'tree-select',
//       componentProps: {
//         placeholder: '请选择部门',
//         objMap: {
//           value: 'id',
//           label: 'name',
//           children: 'children',
//         },
//         options: [
//           {
//             id: 1,
//             name: '部门1',
//             children: [
//               {
//                 id: 11,
//                 name: '部门1-1',
//               },
//               {
//                 id: 12,
//                 name: '部门1-2',
//               },
//             ],
//           },
//           {
//             id: 2,
//             name: '部门2',
//             children: [
//               {
//                 id: 21,
//                 name: '部门2-1',
//               },
//               {
//                 id: 22,
//                 name: '部门2-2',
//               },
//             ],
//           },
//         ],
//       },
//       default: '',
//     },
//   ],
//   rules: {
//     name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
//     description: [{ required: true, message: '请输入描述', trigger: 'blur' }],
//     dept: [
//       {
//         required: true,
//         message: '请输入选择部门',
//         trigger: ['blur', 'change'],
//       },
//     ],
//   },
// })
// const ashAdvancedSearchRef = ref(null)

// const openDrawerSearch = async () => {
//   drawerSearchVisible.value = true
// }
// const closeAshDrawer = (val) => {
//   drawerSearchVisible.value = false
// }

// const total = ref(100)
// const pageSize = ref(10)
// const currentPage = ref(1)

// const queryList = (params) => {
//   console.log('查询list被调用', params)
// }
// const handlePageChange = (page) => {
//   currentPage.value = page
//   // 这里可以添加获取数据的逻辑
// }

// const handleAdd = () => {
//   // 添加逻辑
// }

// const handleDelete = () => {
//   // 删除逻辑
// }

// const handleEdit = () => {
//   // 修改逻辑
// }

// const updatePage = (page) => {
//   currentPage.value = page
// }

// const updateLimit = (limit) => {
//   pageSize.value = limit
// }
// </script>

<style lang="sass" scoped></style>
